<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="sendAjax" onclick="sendAjax()">
    <script>
       /*  
       响应数据：是以http协议规范的响应报文信息呈现
            响应头：包含服务器向浏览器回传的数据的相关描述(响应数据类型、响应状态等...)
            响应体：服务器向浏览器发送的额外数据，数据用于完成浏览器显示的结果呈现(html、css、js、数据、图片、视频等....)
            不是所有响应都有响应体：http协议规范中，options和head请求是没有响应体
            响应头包含了浏览器完成数据解析的相关规则，对于传统浏览器请求是自动处理的，不需要通过js设置浏览器代码
            ajax请求中，所有的服务器响应的请求头数据，对于js来说都是二进制文本数据，所以如果需要使用必须通过代码自行获取响应头中的一些数据
            
            
        */
        function sendAjax(){
           
            let xhr=new XMLHttpRequest();
            xhr.open("get","/params/result");
            xhr.onload=function(){
                // xhr.getAllResponseHeaders()获取所有的响应头， 如果没有收到任何响应返回 `null`。
                // xhr.getResponseHeader(name) 获取指定的响应头， 如果没有收到任何响应返回 `null`。
                // console.log(xhr.getAllResponseHeaders());
                // console.log(xhr.getResponseHeader("Content-Type"));
                // console.log(xhr.getResponseHeader("Set-Cookie"));//Refused to get unsafe header "Set-Cookie"

                console.log(xhr.responseText);
            };
            xhr.send();
        }
    </script>
</body>
</html>